<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My Project</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i%7CSource+Code+Pro:400,400i,600" />
  <link rel="stylesheet" href="m-dark+documentation.compiled.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header><nav id="navigation">
  <div class="m-container">
    <div class="m-row">
      <a href="index.html" id="m-navbar-brand" class="m-col-t-8 m-col-m-none m-left-m">My Project</a>
    </div>
  </div>
</nav></header>
<main><article>
  <div class="m-container m-container-inflatable">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <h1>
          My Project
        </h1>
<p>Note: the test uses DejaVu Sans instead of Source Sans Pro in order to have predictable rendering on the CIs.</p><div class="m-graph"><svg style="width: 16.250rem; height: 5.312rem;" viewBox="0.00 0.00 259.77 84.77">
<g transform="scale(1 1) rotate(0) translate(4 80.7696)">
<title>Basics</title>
<g class="m-node">
<title>a</title>
<polygon points="54,-40.3848 0,-40.3848 0,-4.3848 54,-4.3848 54,-40.3848"/>
<text text-anchor="middle" x="27" y="-18.5848">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="113.3848" cy="-22.3848" rx="18.2906" ry="18.2906"/>
<ellipse cx="113.3848" cy="-22.3848" rx="22.2701" ry="22.2701"/>
<text text-anchor="middle" x="113.3848" y="-18.5848">b</text>
</g>
<g class="m-edge">
<title>a&#45;&gt;b</title>
<path d="M54.3327,-22.3848C62.6964,-22.3848 71.9814,-22.3848 80.6653,-22.3848"/>
<polygon points="80.8574,-25.8849 90.8574,-22.3848 80.8574,-18.8849 80.8574,-25.8849"/>
</g>
<g class="m-node m-flat">
<title>c</title>
<ellipse cx="224.7696" cy="-22.3848" rx="27" ry="18.2703"/>
<text text-anchor="middle" x="224.7696" y="-18.5848">c</text>
</g>
<g class="m-edge">
<title>b&#45;&gt;c</title>
<path d="M135.9251,-22.3848C150.665,-22.3848 170.2762,-22.3848 187.3232,-22.3848"/>
<polygon points="187.5396,-25.8849 197.5396,-22.3848 187.5396,-18.8849 187.5396,-25.8849"/>
<text text-anchor="middle" x="166.7696" y="-34.3848" style="font-size: 40.0px;">0</text>
</g>
<g class="m-edge">
<title>c&#45;&gt;c</title>
<path d="M214.4919,-39.6042C212.3945,-49.5298 215.8203,-58.7696 224.7696,-58.7696 230.5026,-58.7696 233.969,-54.9775 235.1685,-49.6425"/>
<polygon points="238.6679,-49.5611 235.0472,-39.6042 231.6684,-49.6458 238.6679,-49.5611"/>
<text text-anchor="middle" x="224.7696" y="-63.9696">1</text>
</g>
</g>
</svg>
</div><div class="m-graph"><svg style="width: 5.688rem; height: 8.500rem;" viewBox="0.00 0.00 91.38 135.54">
<g transform="scale(1 1) rotate(0) translate(4 131.5391)">
<title>Colors</title>
<g class="m-node m-success m-flat">
<title>a</title>
<ellipse cx="27" cy="-109.1543" rx="27" ry="18.2703"/>
<text text-anchor="middle" x="27" y="-105.3543">a</text>
</g>
<g class="m-node m-dim">
<title>b</title>
<ellipse cx="27" cy="-18.3848" rx="18.2703" ry="18.2703"/>
<text text-anchor="middle" x="27" y="-14.5848">b</text>
</g>
<g class="m-edge m-warning">
<title>a&#45;&gt;b</title>
<path d="M27,-90.3468C27,-77.8501 27,-61.2025 27,-47.0671"/>
<polygon points="30.5001,-46.8576 27,-36.8576 23.5001,-46.8577 30.5001,-46.8576"/>
<text text-anchor="middle" x="41" y="-59.9696">yes</text>
</g>
<g class="m-edge m-primary">
<title>b&#45;&gt;b</title>
<path d="M43.8422,-26.1192C53.9096,-27.8379 63.3848,-25.2598 63.3848,-18.3848 63.3848,-13.9805 59.4961,-11.3396 54.0544,-10.4622"/>
<polygon points="53.776,-6.9666 43.8422,-10.6504 53.905,-13.9655 53.776,-6.9666"/>
<text text-anchor="middle" x="73.3848" y="-14.5848">no</text>
</g>
</g>
</svg>
</div><figure class="m-figure"><svg class="m-graph" style="width: 5rem;" viewBox="0.00 0.00 62.00 117.54">
<g transform="scale(1 1) rotate(0) translate(4 113.5391)">
<g class="m-node m-flat">
<title>a</title>
<ellipse cx="27" cy="-91.1543" rx="27" ry="18.2703"/>
<text text-anchor="middle" x="27" y="-87.3543">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="27" cy="-18.3848" rx="27" ry="18.2703"/>
<text text-anchor="middle" x="27" y="-14.5848">b</text>
</g>
<g class="m-edge">
<title>a&#45;&#45;b</title>
<path d="M27,-72.4144C27,-61.4654 27,-47.7036 27,-36.8093"/>
</g>
</g>
</svg>
<figcaption>A graph</figcaption></figure><figure class="m-figure"><svg class="m-graph" style="height: 5rem;" viewBox="0.00 0.00 62.00 117.54">
<g transform="scale(1 1) rotate(0) translate(4 113.5391)">
<g class="m-node m-flat">
<title>a</title>
<ellipse cx="27" cy="-91.1543" rx="27" ry="18.2703"/>
<text text-anchor="middle" x="27" y="-87.3543">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="27" cy="-18.3848" rx="27" ry="18.2703"/>
<text text-anchor="middle" x="27" y="-14.5848">b</text>
</g>
<g class="m-edge">
<title>a&#45;&#45;b</title>
<path d="M27,-72.4144C27,-61.4654 27,-47.7036 27,-36.8093"/>
</g>
</g>
</svg>
<figcaption>A graph</figcaption></figure>
      </div>
    </div>
  </div>
</article></main>
</body>
</html>
